@charset "utf-8";

.checkoutBcBox{font-size:14px;height:48px;line-height:45px;width:100%;margin:auto 0;color:#c8cbcc;border-bottom:3px solid #b7b8b8;color: #c8cbcc;padding-top:78px;}
.checkoutBcBox span{float:left;margin-right:30px}
.checkoutBcBox span.cur{border-bottom:3px solid #000;color:#000}
.checkoutBcBox span.checkComplete{color:#c8cbcc}
.checkoutBcBox em{color:#fff;margin:-3px 4px 0 0;background:#c8cbcc;border-radius:50%;font-size:12px;height:16px;width:16px;display:inline-block;vertical-align:middle;line-height:16px;text-align:center}
.checkoutBcBox span.cur em{background:#000;}
.moreIntegral{margin:6px 0 0 5px;text-decoration: underline;}
.moreIntegral:hover{text-decoration:underline}


.shoppingCarTotal{display:block;}
.shoppingCarTotal a:hover,.checkIntegral a:hover{text-decoration:underline}
.shoppingCarTotal .last em{font-weight:bold}
.shoppingCarTotal span{display:inline-block;border-right:1px solid #808080;font-size:14px;padding-right:10px;margin-right:10px}
.shoppingCarTotal span.last{border-right:none}
.checkIntegral{border:1px solid #c8cbcc;padding:10px 15px;font-size:12px;line-height:18px}
.checkoutProImg{margin-right:20px;width:120px;height:120px}
.checkoutPorTxt a,.checkoutPorTxt span{display:block;font-size:14px}
.checkoutproTit{line-height:20px;margin-top:5px}
.checkoutPorTxt .checkoutProSize{font-size:12px;margin-top:10px}
.checkoutPorTxt{float:left;width:240px}
.checkoutPorTxt a.checkProFavor{font-size:12px;color:#0286cd;margin-top:20px}
.checkoutPorTxt a.checkProFavor:hover{ text-decoration:underline;color:#025f8e}
.checkoutProPrice{margin-top:16px;font-size:16px;width:140px;line-height:30px;}
.checkoutProPrice del{font-size:12px;padding-left:5px;color:#9b9b9b}
.checkoutProPrice .lablePreSale{display:block}
.checkoutProBox{position:relative;border-bottom:1px dotted #666;padding-bottom:20px;margin-top:20px}
.checkoutProBox:last-of-type{border-bottom: none;}
.checkoutProBox .copySelect{margin:5px 0 0 0;}

.checkProTotal{font-size:16px;margin:17px 0 0 0;width:100px;text-align: center;float: right;font-weight:bold;}

i{font-style:normal;float:left;}
.checkPrice{font-size:16px;margin:17px 0 0 0;text-align: center;float: right;font-weight: bold;display: none;}
.checkDelBtn{background-position:0 -19px;width:25px;height:25px;position:absolute;right:0;top:16px;display:block;text-indent:-9999px}
.shoppingCarCounpon{border-bottom:1px dotted #c8cbcc;padding-bottom:45px}
/**checkout shipping address,20150803,sww**/
.checkoutInputTit{font-size:14px;display:block;margin-bottom:10px}
.shipAddrSelect .copySelect{width:160px;float:left;margin-right:10px}
.shipAddrSelect .copySelect.last{margin-right:0}
.fixTelTxt{font-size:14px;margin:13px 10px;}
.fixTelSpilt{font-size:20px;width:10px;margin:10px 4px}
.shipAdrRemarkTip{margin-top:10px;color:#9b9b9b;font-size:12px;display:block}
.checkoutGoTwo .radio-view{margin-right:10px;width:30px}
.checkoutGoTwo span{font-size:14px}
.checkoutGoTwo .shoppingCarTotal span.last{padding-right:0;margin-right:0}
.checkoutGoTwo em{display:inline-block;margin:0 5px}
.checkPaymentBox p{float:left;width:175px}
.checkPaymentBox .radioBionic span{height:45px;line-height:45px;margin-top:12px}
.checkPaymentBox .alipay{width:100%;border-bottom: 1px dotted #d8d7d7;margin-bottom: 15px;}
.checkPaymentBox{margin-top:55px}
.checkPaymentBox h3{margin-bottom:20px}
.checkPaymentBox h3 span{font-size:18px;display:inline-block;margin-left:75px}
.checkPaymentBox h3 span em{color:#0286cd;font-size:16px;display:inline-block;margin-left:10px}
.invoiceInfo{margin-top:20px;border-top:1px dotted #d8d7d7;padding-top:15px;font-size:14px}
.invoiceInfo .radio-view{margin-right:10px}
.checkoutConfirm .btnCommon{margin-right:40px;font-weight: bold;}
.invoicePop{margin:30px 0 0 0;display:none}
.invoiceType p{float:left;margin-right:55px}
.invoiceType .radio-view{margin-right:8px}
.invoiceTit{margin:30px 0 0;text-align:left}
.invoiceTit.mt0{margin-top: 0;}
/**order confirm,20150804,sww**/
.shippingAddrBox,.orderConfirmPayMethod,.orderAccounts,.orderPaid{border-bottom:1px solid #e2e4e8;margin-top:30px;font-size:14px}
.orderConfirmProList{margin-top:30px;font-size:14px}
.shippingAddrBox span{display:block;margin-bottom:17px;line-height:20px}
.orderConfirmPayMethod span{display:block;margin:10px 0 40px 0}
.orderAccounts span{display:block;margin:10px 0 30px 0}
.shippingTit{width:70px;text-align:left}
.shippingCont{width:560px;}
.shippType,.shipPrice{display:inline-block;font-weight:lighter;height:14px;line-height:14px}
.shippType{padding-right:10px}
.shipPrice{margin-left:10px;font-weight: bold;font-size: 16px;}
.orderConfirmPayMethod .shippingTit{margin-top:17px}
.orderProTit{border:1px solid #c8cbcc;padding:15px;font-size:12px;margin-top:40px}
.orderProTit span{float:left}
.orderProInfoTit{width:365px}
.orderProPriceTit{width:140px}
.orderProNumTit{width:80px}
.orderProTotPriceTit{width:89px;padding-left:10px}
.orderAccounts,.orderPaid{text-align:right}
.orderAccTit{width:75px;font-size:12px;display:inline-block;text-align:right}
.orderAccNum{font-size:16px;display:inline-block;font-weight:bold;text-align:left;width:70px}
.orderPaid .orderAccNum{font-size:24px;color:#0286cd;width:100px}
.orderPaidTips{font-size:12px;color:#c53622}
.orderPaid span{display:block;margin:10px 0 20px}
.couponList{margin-top:30px;border-top:1px dotted #c8cbcc;padding:20px 0 0 10px;display:none}
.couponDetail{width:460px;margin-bottom:20px}
.couponDetail.last{margin-bottom:0}
.couponTit{float:left;width:310px;line-height:20px;word-wrap:break-word}
.couponPrice{float:left;color:#0286cd;font-size:14px;margin-left:10px}
.couponDel{float:right;font-size:12px;color:#0286cd}
.couponName{font-size:14px;margin-bottom:6px}
/*empty shopping cart*/
.checkEmptyTxt{margin-top:20px;font-size:14px}
.checkEmptyTxt a{color:#0286cd}
.checkEmptyTxt a:hover{color:#025f8e;text-decoration:underline}
.checkoutBox .col4{padding:0}
.mt70{margin-top:70px}
.checkoutContinue{margin-top:15px}
.checkoutContinue:hover{text-decoration:underline}
/*shoppingcart,namespace:coupon inside,20160615,louis*/
.couponList.inside .title{font-weight:bold;font-size:16px}
.couponList.inside div p{float: left;text-align:center;height:40px;line-height:40px;width:30px}
.couponList.inside div p.code{width:170px}
.couponList.inside div p.type{width:170px;font-weight:bold}
.couponList.inside div p.time{width:260px}
.couponList.inside div.tab{margin-top:10px}
.couponList.inside div.tab p.type{font-weight:normal}
.couponList.inside div p.checkBox input{display:none}
.couponList.inside div p.checkBox>span{position:relative;top:8px;left:0}
/*checkout2*/
.col4-1{width: 630px;margin: 0;}
.col4{width: 300px;float: right;}
.shippingAddrBox{border-bottom: 1px dotted #000;padding-bottom: 20px;}
.orderConfirmPayMethod{border-bottom: none;}
.orderConfirmPayMethod .btnCommon,.orderSucces .btnCommon{width: 180px;font-weight: bold;font-size: 16px;}
.orderSummary{border: 10px solid #ebebeb;width: 300px;margin-bottom: 40px;}
.orderSummary h3{background: #EBEBEB;line-height: 45px;font-size: 22px;}
.orderSummary h3 small{font-size: 70%;}
.orderSummary .contentBox{padding: 10px;}
.orderSummary .contentBox .item{height: 50px;line-height: 49px;font-size:14px;border-bottom: 1px dotted #d5d5d5;font-weight: bold;}
.orderSummary .contentBox .item span{float: right;font-size: 16px;}
.orderSummary .contentBox .item.delivery{border-bottom: 2px solid #D5D5D5;line-height: 48px;}
.orderSummary .contentBox .item.total{border-bottom: none;margin-bottom: 10px;}
.orderSummary .contentBox .item.total span{font-size: 22px;}
.orderSummary .contentBox .proList li{padding-top: 15px;border-top: 1px dotted #D5D5D5;overflow: hidden;margin-bottom: 10px;}
.orderSummary .contentBox .proList li .img{width: 60px;height: 60px;float: left;}
.orderSummary .contentBox .proList li .img img{width: 60px;height: 60px;}
.orderSummary .contentBox .proList li .text{float: right;width: 190px;line-height: 20px;}
.orderSummary .contentBox .proList li .text .name{font-weight: bold;font-size:14px;width: 190px;height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.orderSummary .contentBox .proList li .text .info{color: #555;}
.orderSummary .contentBox .proList li .text .price{text-align: right;}
.orderSummary .contentBox .proList li .text .price span{font-weight: bold;}
.infoBox{margin-bottom: 40px;}
.infoBox h4{font-size: 14px;margin-bottom: 20px;}
.infoBox a{color: #0286cd;line-height: 20px;}
.infoBox a:hover{color: #000;text-decoration: underline;}
/*checkout3*/
.orderSucces{padding-top: 50px;}
.orderSucces h3{font-size: 28px;line-height: 40px;}
.orderSucces p{padding: 30px 0;color: #666666;}
/*checkout1*/
.loginBox{border: 10px solid #ebebeb;width: 300px;margin-bottom: 20px;}
.loginBox h3{background: #EBEBEB;line-height: 45px;font-size: 22px;}
.loginBox .contentBox{padding: 0 15px 15px;}
.loginBox .contentBox .welcome{line-height: 30px;font-size: 14px;padding-top: 15px;font-weight: normal;}
.loginBox .contentBox .welcome span{font-weight: bold;font-size: 16px;}
.loginBox .contentBox h3{background: #fff;line-height: 70px;font-size: 22px;position: relative;}
.loginBox .contentBox h3 a{float: right;font-size: 14px;color: #0286d6;text-decoration: underline;}
.loginBox .contentBox h3 a:hover{color: #000;}
.loginBox .contentBox h3 .iconTips{width: 20px;height: 20px;float: right;background: url(../images/icon.png);background-position: -70px 0;margin: 25px 0 0 5px;}
.loginBox .contentBox h3 .tips{width: 300px;height: 150px;background: url(../images/tips.png);position: absolute;top: -40px;right: -295px;display: none;}
.loginBox .contentBox .inputText{height: 40px;width: 100%;border: 1px solid #c8cbcc;margin-bottom: 10px;padding-left: 10px;}
.loginBox .contentBox .btnCommon{font-size: 16px;}
.loginBox .contentBox p{padding-top: 10px;line-height: 30px;}
.loginBox .contentBox p a{color: #0286d6;}
.loginBox .contentBox p a:hover{color: #000;}
.borderTop{border-top: 4px solid #000;padding-top: 25px;}
.deliveryM,.integral{margin-top: 55px;}
.deliveryM h3,.integral h3{margin-bottom: 20px;}
.deliveryM p + p{border-top: 1px dotted #d8d7d7;}
.deliveryM .deliveryT1{width: 100%; height: 52px;line-height: 52px;cursor: pointer;font-size: 14px;font-weight: bold;padding-left: 15px;}
.deliveryM .deliveryT1 .radio-view{margin-top: 13px;margin-right: 10px;}
.deliveryM .deliveryT1 em{color: #ff0000;padding-left: 5px;font-weight: normal;}
.deliveryM .deliveryT2{width: 100%; height: 62px;cursor: pointer;font-size: 14px;display: block;padding-left: 15px;}
.deliveryM .deliveryT2 .radio-view{margin-top: 18px;margin-right: 10px;}
.deliveryM .deliveryT2 .text{float: right;width: 581px;height: 60px;font-size: 12px;line-height: 18px;padding-top: 14px;}
.deliveryM .deliveryT2 .text em{font-weight: bold;font-size:14px;padding-left: 5px;}
.deliveryM .deliveryT2 .text b{font-size: 14px;font-weight: normal;}
.deliveryM .checkStock p.active{background: #ebebeb;}
.invoiceTips{line-height: 40px;color: #9a9a9a;}
.addressTips{padding-top: 20px;line-height: 20px;}
.addressTips a{float: right;}
.addressTips a:before{content: '';width: 16px;height: 16px;background: url(../images/icon.png);background-position:-90px 0;margin:0 5px 0 0;float: left;}
.addressList{margin-top: 10px;border-top: 1px dotted #d8d7d7;}
.addressList .addressItem{overflow: hidden;padding: 15px;border-bottom: 1px dotted #d8d7d7;display: none;}
.addressList .addressItem:first-of-type{display: block;}
.addressList .addressItem.active{background: #f9f9f9;}
.addressList .addressItem p{float: left;min-height: 66px;height:auto;width: 470px;cursor: pointer;}
.addressList .addressItem p .radio-view{float: left;}
.addressList .addressItem p .name{float: right;width: 136px;font-size: 14px;padding-left: 10px;}
.addressList .addressItem.active p .name{font-weight: bold;}
.addressList .addressItem p .info{float: right;width: 310px;font-size: 14px;line-height: 20px;padding-top: 4px;height: auto;}
.addressList .addressItem .operate{float: right;line-height: 24px;color: #0286cd;}
.addressList .addressItem .operate a{color: #0286CD;}
.addressList .addressItem .operate a:hover{color: #000;}
.addressMore{display: inline-block;line-height: 40px;}
.addressMore:after{content: '';float: right;width: 20px;height: 20px;background: url(../images/icon.png);background-position: -20px 0;margin: 8px 0 0 5px;}
.addressMore.more:after{background-position: 0 0;}
.textareaInput:focus{padding-top: 10px;}
.popupContent .textInput:focus,.selectBox.on{border-bottom-color: #caffce;}
.popupAddressBox{position:fixed;top:15%;left:50%;z-index:10;background-color:#fff;width:600px;padding:0;margin-left:-300px;text-align:left;z-index:9999; overflow: auto; max-height: 560px;}
.popupTitle{height: 52px;line-height: 52px;border-bottom: 1px solid #e6e6e6;padding: 0 20px;font-size: 20px;font-weight: bold;}
.popCloseBtn{background:none;text-indent:0;position:inherit;right:0;top:-23px;width:50px;height:52px;display:block;float: right;font-size: 14px;text-align: right;color: #168fd1;}
.popCloseBtn em{background: url(../../images/common_sprite.png) -152px -74px;width: 23px;height: 23px;display: inline-block;float: right;margin-top: 13px;}
.popupContent{padding: 20px;}
.popupContent a:after,.checkoutConfirm a:after,.loginBox .contentBox a:after,.orderConfirmPayMethod a:after,.orderSucces a:after{display:none;}
.popupContent a em,.checkoutConfirm a em,.loginBox .contentBox a em,.orderConfirmPayMethod a em,.orderSucces a em{width:18px; height:16px; margin-left:5px; background:none; display:inline-block; position:relative;}
.popupContent a em:after,.checkoutConfirm a em:after,.loginBox .contentBox a em:after,.orderConfirmPayMethod a em:after,.orderSucces a em:after{content:""; position:absolute; top:3px; left:0; background:url(../../images/common_sprite.png) no-repeat -160px 0px; width:17px; height:16px; display:block;}
.popupContent a em:after,.checkoutConfirm a em:after,.loginBox .contentBox a em:after,.orderConfirmPayMethod a em:after,.orderSucces a em:after{
	animation-name: myfirst2;
	animation-duration: .3s;
	animation-fill-mode: forwards;
}
.popupContent a:hover em:after,.checkoutConfirm a:hover em:after,.loginBox .contentBox a:hover em:after,.orderConfirmPayMethod a:hover em:after,.orderSucces a:hover em:after{
	animation-name: myfirst;
	animation-duration: .3s;
	animation-fill-mode: forwards;
}
@keyframes myfirst
{
0%   {left:0px;}
100% {left:5px;}
}
@keyframes myfirst2
{
0%   {left:5px;}
100% {left:0px;}
}
/*common放在最下面*/
.footBot{background-color:#000; height:52px; line-height:52px;}
.r3fixedRobin{margin-top:100px;}
.radioBox .radio-view-em.cur{background: url(../images/icon.png);background-position: 0 -70px;}
